<!--The content below is only a placeholder and can be replaced.-->
<!-- <app-header></app-header> -->
<!-- <app-form></app-form> -->
<!-- <app-list></app-list> -->
<!-- <app-news></app-news> -->
<!-- <app-father></app-father> -->
<!-- <app-lifecycle></app-lifecycle> -->
<!-- <app-rx></app-rx> -->
<!-- <app-http></app-http> -->
<!-- <div style="background: black;height: 50px;">
    <ul class="header-nav">
        <li><a routerLink='/index' routerLinkActive="active">主页</a></li>
      </ul>
</div> -->
<!-- <app-musiclist></app-musiclist> -->

<!-- 实现的音乐列表 -->
<!-- <div class="root">
<diV class="container">
  <diV class="box1">
    <img src="assets/images/rexiao.png" class="img-rexiao">
    <p class="img-title">热销榜</p>
  </diV>
  <diV class="box1">
    <img src="assets/images/caidan.png" class="img-rexiao">
    <p class="img-title">点过的菜</p>
  </diV>
  <div class="box1">
    <img src="assets/images/sousuo.png" class="img-rexiao">
    <p class="img-title">猜你喜欢</p>
  </div>
</diV>
<div style="margin-top: 20px">
  <router-outlet></router-outlet>
</div>

</div> -->
<div style="background: black;height: 45px;line-height: 45px">
  <a [routerLink]="[ '/user']" style="padding: 10px">user</a>
  <a [routerLink]="[ '/article' ]" style="padding: 10px">article</a>
  <a [routerLink]="[ '/product']" style="padding: 10px">product</a>
</div>
<router-outlet></router-outlet>
